<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Payment And Shipping</title>
    <link href="../styles/style.css" rel="stylesheet" type="text/css" /> 
    <link rel="icon" type="image/png" href="../images/dpicon.png" />    
</head>

<body>
<%@ page import="java.util.*, java.text.*,controller.*, bean.*"%>
<%
	Integer cartItemCount = session.getAttribute("cartItemCount") != null 
							? (Integer)session.getAttribute("cartItemCount") : 0;
%>

<div id="page-wrap">
	<div id="profile-menu">
		<ul class="profile-menu-list">			
			<li><a href="#" title="user">${customer.screenName}</a></li>						
			<li><a href="controller.AccountInformation" title="my account">my account</a></li>
			<li><a href="controller.Logout">logout</a></li>	
		</ul>
	</div><br/>
	
	<div id="main-menu">
		<!--<img src="devilpepperLogo.jpg" alt="devilpepper logo"/>-->
		<ul>
			<li><a href="controller.BookSearchForm" title="search">search</a></li>
			<li><a href="controller.SellBooksForm" title="sell books">sell books</a></li>
			<li><a href="controller.AboutForm" title="about">about</a></li>
			<li><a href="controller.ContactUsForm" title="contact us">contact us</a></li>
			<li class="cart"><a href="controller.CartForm" title="cart">cart&nbsp;&nbsp;<strong><%=cartItemCount%></strong></a></li>		
		</ul>		
	</div><br/>	
	
	<div id="account">
		<h1>Payment And Shipping</h1>
       	<h1>Steps: <span class="steps">1</span>&nbsp;2</h1>
		<div class="line"></div>      	
    </div>        	
    	<div class="cartTitle">payment type</div>
    	<div class="cartRowSeparator"></div>
    	<%
    		FinanceAccountBean finance = (FinanceAccountBean)session.getAttribute("financeAccount");       			
    		if(finance.getCreditCardAccountId() !=0 ){
    	%>
    	<ul>
    		<li>Card Holder Name: ${customer.firstName} &nbsp;${customer.lastName}</li>
    		<li>Credit Card #: ${financeAccount.creditCardNumber}</li>       		
    	</ul> 
    	<% }else{ %>
    	<ul>
    		<li>Card Holder Name: ${customer.firstName} &nbsp;${customer.lastName}</li>
    		<li>PayPal Email Address: ${financeAccount.paypalEmailAddress}</li>       		
    	</ul>
    	<%} %>
    	<div class="cartRowSeparator"></div>
       	<div class="cartTitle">Billing</div>
       	<div class="account-box1">
       	<div class="cartRowSeparator"></div>
			<ul>				
				<li>Street:</li>
				<li>City:</li>
				<li>State:</li>
				<li>ZipCode:</li>	
			</ul>				
		</div>	
		<div class="account-box2">
		<div class="cartRowSeparator"></div>
			<ul>			
				<li>${customer.street}</li>
				<li>${customer.city}</li>
				<li>${customer.state}</li>
				<li>${customer.zipCode}</li> 
			</ul>
		</div><br />
		<div class="clear"></div>	
       	<div class="cartTitle">Shipping</div>
       	<div class="account-box1">
       	<div class="cartRowSeparator"></div>
			<ul>				
				<li>Street:</li>
				<li>City:</li>
				<li>State:</li>
				<li>ZipCode:</li>	
			</ul>				
		</div>	
		<div class="account-box2">
		<div class="cartRowSeparator"></div>
			<ul>			
				<li>${customer.street}</li>
				<li>${customer.city}</li>
				<li>${customer.state}</li>
				<li>${customer.zipCode}</li> 
			</ul>
		</div>
		<div class="clear"></div>
		<form action="controller.Confirmation" method="post">
		<div class="cartButton"> 
			<button type="submit" name="confirm" value="confirm">Confirm</button>			
			<button type="submit" name="cancel" value="cancel">Cancel</button>		
		</div>
		</form>					
</div>	

<div class="footer_container">
	&copy;2011 All Rights Reserved
	<a href="mailto:devilpepper@hotmail.com">Devilpepper</a>
</div>

</body>
</html>
